<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
</head>

<body class="bg-navy">
    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <div class="box-header">
                    <h1 style="color:aliceblue">三楼</h1>
                </div>
                <!-- /.box-header -->
                <div class="box-body no-padding">
                    <table class="table">
                        <tr class="text-center">
                            <th class="text-center">产线编号</th>
                            <th class="text-center">工单编号</th>
                            <th class="text-center">产品编号</th>
                            <th class="text-center">计划产量</th>
                            <th class="text-center">当前产量</th>
                            <th class="text-center">进度</th>
                            <th class="text-center"></th>
                        </tr>
                        <tr class="text-center">
                            <td>1</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 55%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">55%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>2</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 70%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">70%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>3</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">30%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>4</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 90%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">90%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>5</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 0%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">00.0%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>6</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 70%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">70%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>7</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 89.9%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">89.9%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>8</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 90.9%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">90.9%</span></td>
                        </tr>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.col -->
        </div>
        <div class="row">
            <div class="col-md-12">

                <div class="box-header">
                    <h1 style="color:aliceblue">二楼</h1>
                </div>
                <!-- /.box-header -->
                <div class="box-body no-padding">
                    <table class="table">
                        <tr class="text-center">
                            <th class="text-center">产线编号</th>
                            <th class="text-center">工单编号</th>
                            <th class="text-center">产品编号</th>
                            <th class="text-center">计划产量</th>
                            <th class="text-center">当前产量</th>
                            <th class="text-center">进度</th>
                            <th class="text-center"></th>
                        </tr>
                        <tr class="text-center">
                            <td>1</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 55%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">55%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>2</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 70%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">70%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>3</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">30%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>4</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 90%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">90%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>5</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 0%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">00.0%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>6</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 70%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">70%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>7</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 89.9%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">89.9%</span></td>
                        </tr>
                        <tr class="text-center">
                            <td>8</td>
                            <td>B100000</td>
                            <td>811114</td>
                            <td>10000</td>
                            <td>1000</td>
                            <td>
                                <div class="progress progress-xs progress-striped active">
                                    <div class="progress-bar progress-bar-primary" style="width: 90.9%"></div>
                                </div>
                            </td>
                            <td><span class="badge bg-red">90.9%</span></td>
                        </tr>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.col -->
        </div>
    </section>
</body>

</html>
